@charset "utf-8";
$color:#3282e6;

   .ipfSingle  {
        background: skyblue;
        color:#fff;
        padding:2px;
        margin:0 2px;
    }
    .opfSingle{
        background: #4c87b9;
        color:#fff;
        padding:2px;
        margin:0 2px;
    }

.portlet-body {
  height: calc(100% - 65px);
  /*字段列表*/
  .fieldList {
    height: 100%;
    border: 1px solid #ccc;
    border-right: 0;
    background: #EFF1F4;
    padding: 10px;
    width: 220px;
    overflow: auto;
  }
  /*字段运算*/
  .fieldMath {
    overflow: hidden;
    height: 100%;
    border: 1px solid #ccc;
    position: relative;
    &>textarea{
      width: 100%;
      height: 100%;
      resize: none;
      padding-top: 10px;
      padding-left: 20px;
      border: 0;
    }
    &>.CodeMirror {
      border: 0;
      height: calc(100% - 30px);
      outline: none;
      font-size: 14px;
      .fieldSingle {
        background: $color;
        margin:0 1px;
        padding:0 2px;
        border-radius: 3px !important;
        color: #fefefe;
        &>div {
        	margin-bottom :5px;
        }
      }
    }
    &>.fieldMathCount {
      position:absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 30px;
      border-top: 1px solid #ccc;
      a {
        font-size: 14px;
        line-height: 30px;
        padding: 5px 15px;
      }
      &>.fieldMathCount_l {
        &>div {
          display: inline-block;
        }
      }
      &>.fieldMathCount_r{
        .func {
          color: $color;
        }
      }
    }
  }
}
